<template>
	<div>
		<button @click="comNameChange('AX')">AX</button>
		<button @click="comNameChange('ROU01')">ROU01</button>
		<button @click="comNameChange('RO')">RO</button>
		<button @click="comNameChange('ALM')">ALM</button>
		<keep-alive include="AX,ROU01,RO,ALM">
			<!-- 专门用来实现动态组件的渲染 -->
			<component :is="comName"></component>
		</keep-alive>
	</div>
</template>

<script>
	import AX from '@/components/AXR/AX'
	import ROU01 from '@/components/AXR/rou_01'
	import RO from '@/components/AXR/router'
	import ALM from '@/components/AXR/ALM'
	export default{
		data() {
			return{
				comName:'ALM'
			}
		},
		methods:{
			comNameChange(val){
				this.comName=val
			}
		},
		components:{
			AX,
			ROU01,
			RO,
			ALM
		}
	}
</script>

<style>
</style>